<template>
  <div class="content-wrapper">

    <div class="content-container">
      <el-tabs v-model="activeTab">
        <el-tab-pane label="文件变更台账" name="flow">
          <FlowStandingBook :flow-options="flowOptions" />
        </el-tab-pane>
        <el-tab-pane label="文件发放台账" name="active">
          <PublishStandingBook :flow-options="flowOptions" />
        </el-tab-pane>
        <el-tab-pane label="文件清单" name="publish">
          <ActiveStandingBook :flow-options="flowOptions" />
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import ActiveStandingBook from '@/views/flow/flow_standing_book/components/active_standing_book.vue'
import FlowStandingBook from '@/views/flow/flow_standing_book/components/flow_standing_book.vue'
import PublishStandingBook from '@/views/flow/flow_standing_book/components/publish_standing_book.vue'
import { getFlowOptions } from '@/views/flow/js/dictionary.js'

export default {
  components: {
    ActiveStandingBook,
    FlowStandingBook,
    PublishStandingBook
  },
  data() {
    return {
      activeTab: 'flow',
      flowOptions: null
    }
  },
  async created() {
    this.flowOptions = Array.from(await getFlowOptions())
    console.log(this.flowOptions, '2')
  },
  mounted() {}
}
</script>

<style>
</style>
